/**
 * Stylesheet dedicated to the skinning of the user category of the application's design. 
 * It defines the look and feel properties like colors, border colors, background images. 
 * This idea is the one used by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */

/* Border color hexa code related to this category */
.userCategoryBorderColor, .userCategoryHighlightBorderColor .ui-state-highlight{
	border-color: #5c0d8e !important;
}

/* Color hexa code related to this category */
.userCategoryColor, .userCategoryHoverColor:hover, .userCategoryTabColor>ul>li[class *="ui-state-active"]>a{
	color: #5c0d8e !important;
}

/* Icon sprite for this category */
.userCategoryIconSprite{
	background-image: url('../icons/ui-icons_user_256x240.png') !important;
}

/* Background for actives or highlited items of this category */
.userCategoryBackground>ul>li[class *="ui-state-active"], .userCategoryBackground .ui-state-active, .userCategoryBackground .ui-state-highlight, .userCategoryBackground[class *="ui-state-active"]{
	background: #ffffff;
	background: linear-gradient(to bottom, #ffffff 0%, #f1e7ff 50%, #e9dbff 51%, #ffffff 100%)!important;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1e7ff 50%, #e9dbff 51%, #ffffff 100%)!important;
	background: -o-linear-gradient(top, #ffffff 0%, #f1e7ff 50%, #e9dbff 51%, #ffffff 100%)!important;
	background: -ms-linear-gradient(top, #ffffff 0%, #f1e7ff 50%, #e9dbff 51%, #ffffff 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1e7ff), color-stop(51%, #e9dbff), color-stop(100%, #ffffff) )!important;
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1e7ff 50%, #e9dbff 51%, #ffffff 100%)!important;
}